
$(function () {


    //获取页面传过来参数的方法

    //1.location.search获取页面传过来的参数(就是?后的值)
    const search = location.search;
    //2.为了方便截取每个参数，先通过URLSearchParams把参数转换成对象
    const seachOBJ = new URLSearchParams(search);
    //3.通过get的方法获取URLSearchParams对象里面参数的值(get("参数名"))
    const id = seachOBJ.get("id");
    console.log(id);



    let articleID = 0;
    //加载文章的封面和标题
    $.ajax({
        method: 'GET',
        url: BigNew.article_search,
        data: {
            id: id
        },
        success: (res) => {
            console.log(res);
            $('[name="title"]').val(res.data.title);
            $(".article_cover").prop({ src: res.data.cover });


            //获取文章id，用全局变量存储起来（有没有更好的方法）
            articleID = res.data.id;

            initList(res.data.categoryId);
            setTimeout(function () {
                tinymce.activeEditor.setContent(res.data.content)
            }, 200);
        }
    })

    //封装方法在加载文章完后调用,传进去的参数是文章类型的id，用来控制文章类型的select默认选项
    function initList(id) {
        $.ajax({
            method: 'GET',
            url: BigNew.category_list,
            data: {},
            success: (backData) => {
                //模板引擎渲染
                $('[name="categoryId"]').html(template('category_list', { res: backData }));

                //设置默认的文章类型
                $('[name="categoryId"]').find(`[value=${id}]`).get(0).selected = true;

            }
        })
    }


    $(".btn-edit").click(function () {

        if ($('[name="date"]').val() == '') {
            alert("时间不能为空");
            return;
        }
        editArticle("已发布");
    })
    $(".btn-draft").click(function () {
        if ($('[name="date"]').val() == '') {
            alert("时间不能为空");
            return;
        }
        editArticle("草稿");
    })

    //封装修改文章的方法，传进不同的参数来区别发布的状态
    function editArticle(state) {

        //formdata可以传进一个参数，参数是form表单，表单里面的空间的name就是数据名，内容就是数据值
        const fd = new FormData(document.getElementById("form"));
        fd.append("id", articleID);
        fd.append("state", state);
        fd.append("content", tinyMCE.activeEditor.getContent());

        $.ajax({
            method: 'POST',
            url: BigNew.article_edit,
            data: fd,

            //不要忘记，cp组合，formdata中带文件一定要有这两行
            contentType: false,
            processData: false,
            success: (backData) => {
                console.log(backData);
                alert(backData.msg);
                // window.location.reload();
                //编辑完后返回上一页
                window.history.back();
            },
            error: (backData) => {
                console.log(backData);
                alert(backData.msg);
            }
        })
    }



})
